// 选项组数组，这是一个筛选组件的数据
const optionsGroup = [
    {
        groupTitle: '资源类型',
        groupId: 'current',
        mode: 'multi',
        options: [
            { text: '直流桩', value: [1, 3], active: true },
            { text: '交流桩', value: [2, 4, 5], active: false }
        ]
    },
    {
        groupTitle: '通勤方式',
        groupId: 'commute',
        mode: 'multi', // 多选
        options: [
            { text: '公交', value: 0, active: true },
            { text: '地铁', value: 1, active: true },
            { text: '驾车', value: 1, active: false }
        ]
    }
]

/* 尝试将上面数组处理为下面这样的数据结构 */
// [
//   { text: '公交', value: 0, active: true, groupId: 'commute' },
//   ...
// ]

// 3行代码搞定
// 先在options里面添加上groupId
// flatMap会将options数组即[ [{ text: '公交', value: 0, active: true, groupId: 'commute' }], ...]变成[{ text: '公交', value: 0, active: true, groupId: 'commute' }, ...]
const activated = optionsGroup
    .flatMap((item) => item.options.map((option) => ({ ...option, groupId: item.groupId })))
    .filter((item) => item.active)
